<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #homeP{
            width: 1200px;
            margin: auto;

        }
        .sp{
            width: 500px;
            margin: auto;
            margin-top: 100px;
            display: block;
        }
        .data{
            width: 500px;
            margin: auto;
            margin-top: 50px;
        }
        .datas{
            border: 1px solid rgb(159, 81, 81);
            text-align: center;
        }
        .datas td{
            border: 1px solid rgb(159, 81, 81);
        }
        .logon{
            display: none;
            width: 500px;
            margin: auto;
            color: red;
            font-size: 20px;
        }
    </style>
</head>

<body>
    <div id="homeP">
        <span class="sp">
            <h1>你没登录请登录</h1>
            <a href="/center">个人中心</a>
            <a href="/adddata">添加</a>
            <!-- <a href="/exit">退出登录</a> -->
        </span>
        <a href="/logon" class="logon">请点击这里进入登录页</a>
        <div class="data">
            <button>点击获取数据</button>
            <table class="datas">
                <thead>
                    <td>商品名称</td>
                    <td>商品介绍</td>
                    <td>商品单价</td>
                    <td>商品数量</td>
                    <td>操作</td>
                </thead>
                <tbody class="goodsData">

                </tbody>

            </table>
        </div>
    </div>
    <script src="/js/index.js" type="module"></script>
</body>

</html>